<script>
const app = getApp();
export default {
  name: "benefit",
  data() {
    return {
      imgurlBwc: app.globalData.imgurlBwc
    };
  },
  methods: {
    toGroup() {
      uni.navigateTo({
        url: "/subpackageB/pages/welfareGroup/welfareGroup"
      });
    },
    toGetUser() {
      uni.switchTab({
        url: "/pages/QuanZi/make_money"
      });
    }
  }
}
</script>

<template>
  <view  class="benefit">
    <view class="box_content" @click="toGroup">
      <image :src="imgurlBwc + '/home/code_head_icon.png'" style="width: 72rpx;height: 72rpx"></image>
      <view class="text_content">
        <view class="text_one">
          加内部福利群
        </view>
        <view style="height: 16rpx"></view>
        <view class="text_tow">
          每月
          <text style="color: #FA642B">福利领不停</text>
        </view>
      </view>
    </view>
    <view style="width: 30rpx;"></view>
    <view class="box_content" @click="toGetUser">
      <image :src="imgurlBwc + '/feast/jinqian.png'" style="width: 100rpx;height: 100rpx"></image>
      <view class="text_content" style="margin-left: 0">
        <view class="text_one">
          邀请好友赚奖金
        </view>
        <view style="height: 16rpx"></view>
        <view class="text_tow">
          至多可得
          <text style="color: #FA642B">165元</text>
        </view>
      </view>
    </view>
  </view>
</template>

<style scoped lang="scss">
.benefit{
  display: flex;
  justify-content: space-between;
  margin-bottom: 30rpx;
  .box_content{
    width: 50%;
    height: 116rpx;
    background: #FFFFFF;
    border-radius: 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    .text_content {
      margin-left: 20rpx;

      .text_one {
        font-weight: bold;
        font-size: 28rpx;
        color: #333333;
        line-height: 30rpx;
      }

      .text_tow {
        font-weight: 400;
        font-size: 24rpx;
        color: #888888;
        line-height: 24rpx;
      }
    }
  }
}
</style>